<template>
	<view class="cu-modal show">
		<view class="bg-white modal-cont">
				<view class="flex padding">
					<view class="flex align-center">
						<image class="poster margin-right" src="" mode=""></image>
					</view>
					<view class="flex justify-between info list">
						<view class="">
							蛋糕名称
							<view class="margin-tb-xs">FrenchName</view>
							￥199
						</view>
					</view>
				</view>
				<view class="flex justify-between padding u-border-top">
					<view class="">
						规格选择
					</view>
					<view class="">
						1磅
					</view>
				</view>
				<view class="flex justify-between padding u-border-top align-center">
					<view class="">
						数量选择
					</view>
					<uni-number-box :min="1"></uni-number-box>
				</view>
				<view class="flex btn-cont text-center">
					<view class="padding bg-yellow">
						取消
					</view>
					<view class="padding bg-brown" @click="handleModalShow">
						确定
					</view>
				</view>
			</view>
		
	</view>
</template>

<script setup>
import { onMounted, ref } from "vue";

</script>

<style lang="scss">
.poster{
	width: 180upx;
	height: 180upx;
	background-color: #d8d8d8;
}
.info{
	&.list{
		width: 60%;
	}
	.edit{
		width: 80upx;
		height: 80upx;
		text-align: center;
		line-height: 80upx;
		background-color: #e6e6e6;
		border-radius: 50%;
		
	}
}
.modal-cont{
	position: absolute;
	top: 50%;
	left: 5%;
	width: 90%;
	transform: translateY(-50%);
}
.btn-cont view{
	width: 50%;
}
</style>